<template>
  <div class="search-container">
    <p class="gt-ctrl">TOP榜单
      <el-button style="margin-left:50px" type="warning" icon="el-icon-caret-right" @click="randItem">
        随机点播
      </el-button>
    </p>
    <item-table ref="itemhot" etype="9" class="gt-table"/>
  </div>
</template>

<script>
import { randPlay } from '@/api/event'
import { error } from '@/utils/toast'
import ItemTable from '@/components/ItemTable'

export default {
  name: "hotitem",
  components: {
    ItemTable,
  },  
  data() {
    return {
      sradio:'0',
    }
  },
  created() {
  },
  methods: {
    randPlay,
    randItem() {
      randPlay(this)
    }
  },
  watch:{
  }
}
</script>

<style lang="scss" scoped>
 .search-container {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    // width: 100%;
    height: 100%;
    margin: 0 auto;
    width: 1300px;
  }

  .gt-info {
    width:calc(100% - 150px);
    img {
      width:40px;
      height:40px;
      background-repeat: no-repeat;
      background-size:100% 100%;
      border-radius: 50% 50%;
    }

    .u-text {
      float:left;
      font-size:13px;
      line-height: 40px;
      margin-right:10px;
    }
  }

  .gt-ctrl {
    text-align:left;
    font-size:22px;
    font-weight:500;
    height:36px;
    line-height:36px;
    display: flex;

  }

  .gt-table {
    width:100%;
    margin-bottom:40px;
    display:inline-block;
  }

</style>